:root {
    --login-margin: 20px 0;
    --login-message-heigth:40px;
}
*{
    outline:none;
}
input:-webkit-autofill{
    background-color: #EFEFEF !important;
}
body,html{
    margin: 0;
    padding: 0;
    background:url("../../images/txzj/login_background.png");
    background-size: cover;
    min-width: 1000px;
}
.header{
    min-height: 140px;
    height: 30%;
    background: url("../../images/txzj/login_title.png") no-repeat 50% 50%;
}
.main{
    position: relative;
    height: 50%;
    min-height: 350px;
}
.login{
    width: 350px;
    min-width: 350px;
    position: absolute;
    left: 50%;
    margin-left: -200px;
    bottom: 10%;
    padding: 30px 25px;
    background-color: rgba(255, 255, 255, 0.63);
    /* margin: auto; */
}
.login>div{
    padding: 5px 25px;
    background-color: #fff;
}
.user-message{
    font-size: 16px;
    padding: 0px 5px;
    border: 0;
    margin: 20px 0;
    margin: var(--login-margin);
    display: block;
    width: 100%;
    background-color: #EFEFEF;
    height: 40px;
    height: var(--login-message-heigth);
    border-radius:5px;
}
.login-style{
    margin: 20px 0;
    margin: var(--login-margin);
}
.sure_login{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 40px;
    height: var(--login-message-heigth);
    background:#16A085;
    border-radius:5px;
    color:#ffffff;
    font-size:24px;
    letter-spacing: 5px;
    cursor: pointer;
    margin: 20px 0;
    margin: var(--login-margin);
}
.checkbox-style{
    width: 20px;
    height: 20px;
    background-color: #fff !important;
    margin: 0;
    vertical-align: bottom;

}
.rem_pass{
    vertical-align: bottom;
    color:rgb(115, 115, 115);
}
.footer{
    height: 20%;
    min-height: 140px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.footer>div>div{
    text-align: center;
    padding: 5px;
    color:#16A085;
}
.footer a{
    color:#16A085;
    text-decoration: none;
}